



function renderEachCity() {
  const options = {
    legend:[],
    xAxis : [],
    yAxis : [],
    grid : [],
    series : []
  };

  options.legend.push({
    data : namearr,
    itemWidth:5,
    itemHeight:5,
    textStyle:{
      color:'#ddd',
      fontSize:10
    },
    top:'95%',
    //bottom:'5%'
  });

  echarts.util.each(rawData, function(dataItem, idx) {
    var geoCoord = geoCoordMap[dataItem.name];
    var coord = myChart.convertToPixel('geo', geoCoord);
    idx += '';

    options.xAxis.push({
      id : idx,
      gridId : idx,
      type : 'category',
      name : dataItem.name,
      nameStyle : {
        color : '#ddd',
        fontSize : 12
      },
      nameLocation : 'middle',
      nameGap : 3,
      splitLine : {
        show : false
      },
      axisTick : {
        show : false
      },
      axisLabel : {
        show : false
      },
      axisLine : {
        show : false,
        lineStyle : {
          color : '#bbb'
        }
      },
      data : [ dataItem.name ],
    });
    options.yAxis.push({
      id : idx,
      gridId : idx,
      show : false
    });
    options.grid.push({
      id : idx,
      width : 30,
      height : 50,
      left : coord[0] - 15,
      top : coord[1] - 35,
    });

    for (var i = 0; i < namearr.length; i++) {
      options.series.push({
        name : namearr[i],
        type : 'bar',
        stack : 'bar' + idx,
        xAxisId : idx,
        yAxisId : idx,
        barWidth: 12,
        itemStyle : {
          normal : {
            color : colorarr[i]
          }
        },
        data : [ dataItem.value[i] ]
      });
    }

  });
  myChart.setOption(options);
}
setTimeout(function(){
  // renderEachCity();
},1);
